<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>公告栏</title>
    <link href="css/bulletin.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript" src="js/http   code.jquery.com jquery-1.7.1.js"></script>
    <script type="text/javascript">
		$(function() {
			var d=300;
			$('#our_label a').each(function(){
				$(this).stop().animate({
					'marginTop':'-80px'
				},d+=150);
			});

			$('#our_label > li').hover(
			function () {
				$('a',$(this)).stop().animate({
					'marginTop':'-30px'
				},200);
			},
			function () {
				$('a',$(this)).stop().animate({
					'marginTop':'-80px'
				},200);
			}
		);
		});
	</script>
    <script type="text/javascript">
		$(document).ready(function(){
			
		//Set default open/close settings
		$('.acc_container').hide(); //Hide/close all containers
		$('.acc_trigger:first').addClass('active').next().show(); //Add "active" class to first trigger, then show/open the immediate next container
		
		//On Click
		$('.acc_trigger').click(function(){
			if( $(this).next().is(':hidden') ) { //If immediate next container is closed...
				$('.acc_trigger').removeClass('active').next().slideUp(); //Remove all .acc_trigger classes and slide up the immediate next container
				$(this).toggleClass('active').next().slideDown(); //Add .acc_trigger class to clicked trigger and slide down the immediate next container
			}
			return false; //Prevent the browser jump to the link anchor
		});
		
		});
	</script>
    <script type="text/javascript">
		$(document).ready(function() {
		
			//Set Default State of each portfolio piece
			$(".paging").show();
			$(".paging a:first").addClass("active");
				
			//Get size of images, how many there are, then determin the size of the image reel.
			var imageWidth = $(".window").width();
			var imageSum = $(".image_reel img").size();
			var imageReelWidth = imageWidth * imageSum;
			
			//Adjust the image reel to its new size
			$(".image_reel").css({'width' : imageReelWidth});
			
			//Paging + Slider Function
			rotate = function(){	
				var triggerID = $active.attr("rel") - 1; //Get number of times to slide
				var image_reelPosition = triggerID * imageWidth; //Determines the distance the image reel needs to slide
		
				$(".paging a").removeClass('active'); //Remove all active class
				$active.addClass('active'); //Add active class (the $active is declared in the rotateSwitch function)
				
				//Slider Animation
				$(".image_reel").animate({ 
					left: -image_reelPosition
				}, 500 );
				
			}; 
			
			//Rotation + Timing Event
			rotateSwitch = function(){		
				play = setInterval(function(){ //Set timer - this will repeat itself every 3 seconds
					$active = $('.paging a.active').next();
					if ( $active.length === 0) { //If paging reaches the end...
						$active = $('.paging a:first'); //go back to first
					}
					rotate(); //Trigger the paging and slider function
				}, 7000); //Timer speed in milliseconds (3 seconds)
			};
			
			rotateSwitch(); //Run function on launch
			
			//On Hover
			$(".image_reel a").hover(function() {
				clearInterval(play); //Stop the rotation
			}, function() {
				rotateSwitch(); //Resume rotation
			});	
			
			//On Click
			$(".paging a").click(function() {	
				$active = $(this); //Activate the clicked paging
				//Reset Timer
				clearInterval(play); //Stop the rotation
				rotate(); //Trigger rotation immediately
				rotateSwitch(); // Resume rotation
				return false; //Prevent browser jump to link anchor
			});	
			
		});
	</script>


</head>

<body>
    <div class="content">
        <ul id="our_label">
            <li class="about_us"><a href="#" class="about_us"></a></li>
            <li class="contact_us"><a href="#" class="contact_us"></a></li>
        </ul>
        <div class="navigation">
            <div class="nav">
                <a href="link.html" class="link" onmouseover="link.style.display = 'block'" onmouseout="link.style.display = 'none'"></a>
                <a href="album.html" class="album" onmouseover="album.style.display = 'block'" onmouseout="album.style.display = 'none'"></a>
                <a href="#" class="bulletin"></a>
                <a href="bbs.html" class="bbs" onmouseover="bbs.style.display = 'block'" onmouseout="bbs.style.display = 'none'"></a>
                <a href="contact.html" class="contact" target="_blank" onmouseover="contact.style.display = 'block'" onmouseout="contact.style.display = 'none'"></a>
                <a href="index.html" class="home" onmouseover="home.style.display = 'block'" onmouseout="home.style.display = 'none'"></a>
            </div>
            <div class="nav_name">
                <ul>
                    <li><img src="images/nav_link.png" id="link"/></li>
                    <li><img src="images/nav_album.png" id="album"/></li>
                    <li><img src="images/nav_bulletin.png" style="display:block"/></li>
                    <li><img src="images/nav_bbs.png" id="bbs"/></li>
                    <li><img src="images/nav_contact.png" id="contact"/></li>
                    <li><img src="images/nav_home.png" id="home"/></li>
                </ul>
            </div>
        </div>
      <div class="bulletin_left"> 
      	<div class="homework">
        	<h2  style="color:#F30"><center>今日作业</center></h2>
            <p><strong>微积分：</strong></p><span>课后练习P17 T1,2,3</span>
            <p><strong>复变函数：</strong></p><span>课后练习P17 T1,2,3</span>
            <p><strong>大学英语：</strong></p><span>课后练习P17 T1,2,3</span>
            <p><strong>大学物理：</strong></p><span>课后练习P17 T1,2,3</span>
            <p><strong>数据结构：</strong></p><span>课后练习P17 T1,2,3</span>
            <p><strong>物理实验：</strong></p><span>课后练习P17 T1,2,3</span>
        </div>
      	<div class="main_view">
            <div class="window">	
                <div class="image_reel">
                    <a href="http://www.designbombs.com/tag/slider/"><img src="photoes/bphoto_1_0.png" alt="" /></a>
                    <a href="http://www.designbombs.com/tag/slider/"><img src="photoes/bphoto_2_0.png" alt="" /></a>
                    <a href="http://www.designbombs.com/tag/slider/"><img src="photoes/bphoto_3_0.png" alt="" /></a>
                    <a href="http://www.designbombs.com/tag/slider/"><img src="photoes/bphoto_4_0.png" alt="" /></a>
                </div>
            </div>
            <div class="paging">
                <a href="#" rel="1">1</a>
                <a href="#" rel="2">2</a>
                <a href="#" rel="3">3</a>
                <a href="#" rel="4">4</a>
            </div>
        </div>
      </div>
      <div class="bulletin_right">
        <div class="container">
          <h2 class="acc_trigger"><a href="#">新闻聚焦</a></h2>
          <div class="acc_container">
            <div class="block">
              <ul>
                <li><span class="article_class">【本科教学】</span> <a title="本科2008级留学生班在烽火通信开展认知实习" class="article_title" target="_blank" href="Article.aspx?ArticleID=3619" src="_blank"> 本科2008级留学生班在烽火通信</a></li>
                <li><span class="article_class">【学生活动】</span> <a title="以书会友，寻找思想碰撞的光辉" class="article_title" target="_blank" href="Article.aspx?ArticleID=3618" src="_blank"> 以书会友，寻找思想碰撞的光辉 </a> </li>
                <li><span class="article_class">【组织活动】</span> <a title="满载硕果 华中大秋季运动会今日闭幕" class="article_title" target="_blank" href="Article.aspx?ArticleID=3616" src="_blank"> 满载硕果 华中大秋季运动会今日闭</a>  </li>
                <li><span class="article_class">【组织活动】</span> <a title=" 征战校运会 电信骄子斩获一金两铜" class="article_title" target="_blank" href="Article.aspx?ArticleID=3615" src="_blank"> 征战校运会 电信骄子斩获一金两</a> <span class="article_date"> 11月12日</span> </li>
                <li><span class="article_class">【组织活动】</span> <a title="   2011年华中大秋季运动会盛大开幕" class="article_title" target="_blank" href="Article.aspx?ArticleID=3614" src="_blank"> 2011年华中大秋季运动会</a>  </li>
                <li><span class="article_class">【组织活动】</span> <a title="运球接力，电信教工显活力 " class="article_title" target="_blank" href="Article.aspx?ArticleID=3613" src="_blank"> 运球接力，电信教工显活力 </a></li>
                <li><span class="article_class">【本科教学】</span> <a title="本科09级留学生和11级卓越班参观烽火通信制造平台" class="article_title" target="_blank" href="Article.aspx?ArticleID=3612" src="_blank"> 本科09级留学生和11级卓越班参</a></li>
                <li><span class="article_class">【本科教学】</span> <a title="本科2008级留学生班在烽火通信开展认知实习" class="article_title" target="_blank" href="Article.aspx?ArticleID=3619" src="_blank"> 本科2008级留学生班在烽火通信</a></li>
                <li><span class="article_class">【学生活动】</span> <a title="以书会友，寻找思想碰撞的光辉" class="article_title" target="_blank" href="Article.aspx?ArticleID=3618" src="_blank"> 以书会友，寻找思想碰撞的光辉 </a> </li>
                <li><span class="article_class">【组织活动】</span> <a title="满载硕果 华中大秋季运动会今日闭幕" class="article_title" target="_blank" href="Article.aspx?ArticleID=3616" src="_blank"> 满载硕果 华中大秋季运动会今日闭</a>  </li>
                <li><span class="article_class">【组织活动】</span> <a title=" 征战校运会 电信骄子斩获一金两铜" class="article_title" target="_blank" href="Article.aspx?ArticleID=3615" src="_blank"> 征战校运会 电信骄子斩获一金两</a> <span class="article_date"> 11月12日</span> </li>
                <li><span class="article_class">【组织活动】</span> <a title="   2011年华中大秋季运动会盛大开幕" class="article_title" target="_blank" href="Article.aspx?ArticleID=3614" src="_blank"> 2011年华中大秋季运动会</a>  </li>
                <li><span class="article_class">【组织活动】</span> <a title="运球接力，电信教工显活力 " class="article_title" target="_blank" href="Article.aspx?ArticleID=3613" src="_blank"> 运球接力，电信教工显活力 </a></li>
                <li><span class="article_class">【本科教学】</span> <a title="本科09级留学生和11级卓越班参观烽火通信制造平台" class="article_title" target="_blank" href="Article.aspx?ArticleID=3612" src="_blank"> 本科09级留学生和11级卓越班参</a></li>
              </ul>
            </div>
          </div>
          <h2 class="acc_trigger"><a href="#">通知公告</a></h2>
          <div class="acc_container">
            <ul>
                <li><a title="关于遴选2012年法中科学及应用基金会（FFCSA）博士后项目人选的通知" class="article_title" target="_blank" href="Article.aspx?ArticleID=3627" src="_blank">关于遴选2012年法</a></li>
                <li><a title="教材出版信息统计" class="article_title" target="_blank" href="Article.aspx?ArticleID=3626" src="_blank"> 教材出版信息统计 </a></li>
				<li><a title="系学位审议委员会通知" class="article_title" target="_blank" href="Article.aspx?ArticleID=3622" src="_blank">系学位审议委员会通知</a> </li>
                <li><a title="期中考试安排" class="article_title" target="_blank" href="Article.aspx?ArticleID=3617" src="_blank"> 期中考试安排 </a></li>
                <li><a title="湖北省襄阳市公开选拔县级领导干部公告 " class="article_title" target="_blank" href="Article.aspx?ArticleID=3610" src="_blank">湖北省襄阳市公开选拔</a> </li>
                <li><a title="关于遴选2012年法中科学及应用基金会（FFCSA）博士后项目人选的通知" class="article_title" target="_blank" href="Article.aspx?ArticleID=3627" src="_blank">关于遴选2012年法</a></li>
                <li><a title="教材出版信息统计" class="article_title" target="_blank" href="Article.aspx?ArticleID=3626" src="_blank"> 教材出版信息统计 </a> </li>
				<li><a title="系学位审议委员会通知" class="article_title" target="_blank" href="Article.aspx?ArticleID=3622" src="_blank">系学位审议委员会通知</a> </li>
				<li><a title="期中考试安排" class="article_title" target="_blank" href="Article.aspx?ArticleID=3617" src="_blank"> 期中考试安排 </a> </li>
                <li><a title="湖北省襄阳市公开选拔县级领导干部公告 " class="article_title" target="_blank" href="Article.aspx?ArticleID=3610" src="_blank">湖北省襄阳市公开选拔</a> </li>
              </ul>
          </div>
          <h2 class="acc_trigger"><a href="#">新闻专题</a></h2>
          <div class="acc_container">
              <ul>
                <li><a title="关于遴选2012年法中科学及应用基金会（FFCSA）博士后项目人选的通知" class="article_title" target="_blank" href="Article.aspx?ArticleID=3627" src="_blank">关于遴选2012年法</a></li>
                <li><a title="教材出版信息统计" class="article_title" target="_blank" href="Article.aspx?ArticleID=3626" src="_blank"> 教材出版信息统计 </a></li>
				<li><a title="系学位审议委员会通知" class="article_title" target="_blank" href="Article.aspx?ArticleID=3622" src="_blank">系学位审议委员会通知</a> </li>
                <li><a title="期中考试安排" class="article_title" target="_blank" href="Article.aspx?ArticleID=3617" src="_blank"> 期中考试安排 </a></li>
                <li><a title="湖北省襄阳市公开选拔县级领导干部公告 " class="article_title" target="_blank" href="Article.aspx?ArticleID=3610" src="_blank">湖北省襄阳市公开选拔</a> </li>
                <li><a title="关于遴选2012年法中科学及应用基金会（FFCSA）博士后项目人选的通知" class="article_title" target="_blank" href="Article.aspx?ArticleID=3627" src="_blank">关于遴选2012年法</a></li>
                <li><a title="教材出版信息统计" class="article_title" target="_blank" href="Article.aspx?ArticleID=3626" src="_blank"> 教材出版信息统计 </a> </li>
				<li><a title="系学位审议委员会通知" class="article_title" target="_blank" href="Article.aspx?ArticleID=3622" src="_blank">系学位审议委员会通知</a> </li>
				<li><a title="期中考试安排" class="article_title" target="_blank" href="Article.aspx?ArticleID=3617" src="_blank"> 期中考试安排 </a> </li>
                <li><a title="湖北省襄阳市公开选拔县级领导干部公告 " class="article_title" target="_blank" href="Article.aspx?ArticleID=3610" src="_blank">湖北省襄阳市公开选拔</a> </li>
              </ul>
          </div>
          <h2 class="acc_trigger"><a href="#">学术交流</a></h2>
          <div class="acc_container">
                           <ul>
                <li><a title="关于遴选2012年法中科学及应用基金会（FFCSA）博士后项目人选的通知" class="article_title" target="_blank" href="Article.aspx?ArticleID=3627" src="_blank">关于遴选2012年法</a></li>
                <li><a title="教材出版信息统计" class="article_title" target="_blank" href="Article.aspx?ArticleID=3626" src="_blank"> 教材出版信息统计 </a></li>
				<li><a title="系学位审议委员会通知" class="article_title" target="_blank" href="Article.aspx?ArticleID=3622" src="_blank">系学位审议委员会通知</a> </li>
                <li><a title="期中考试安排" class="article_title" target="_blank" href="Article.aspx?ArticleID=3617" src="_blank"> 期中考试安排 </a></li>
                <li><a title="湖北省襄阳市公开选拔县级领导干部公告 " class="article_title" target="_blank" href="Article.aspx?ArticleID=3610" src="_blank">湖北省襄阳市公开选拔</a> </li>
                <li><a title="关于遴选2012年法中科学及应用基金会（FFCSA）博士后项目人选的通知" class="article_title" target="_blank" href="Article.aspx?ArticleID=3627" src="_blank">关于遴选2012年法</a></li>
                <li><a title="教材出版信息统计" class="article_title" target="_blank" href="Article.aspx?ArticleID=3626" src="_blank"> 教材出版信息统计 </a> </li>
				<li><a title="系学位审议委员会通知" class="article_title" target="_blank" href="Article.aspx?ArticleID=3622" src="_blank">系学位审议委员会通知</a> </li>
				<li><a title="期中考试安排" class="article_title" target="_blank" href="Article.aspx?ArticleID=3617" src="_blank"> 期中考试安排 </a> </li>
                <li><a title="湖北省襄阳市公开选拔县级领导干部公告 " class="article_title" target="_blank" href="Article.aspx?ArticleID=3610" src="_blank">湖北省襄阳市公开选拔</a> </li>
              </ul>
          </div>
        </div>
      </div>
    </div>
</body>
</html>
